$(function () {

    //1. 获取所有文章类别
    // 请求地址：/admin/category/list
    // 请求方式：get
    // 请求参数：无
    function init() {
        $.ajax({
            url: 'http://localhost:8080/api/v1/admin/category/list',
            dataType: 'json',
            success: function (res) {
                console.log(res);
                if (res.code == 200) {
                    $('.category_table>tbody').html(template('category', res))
                }
            }
        })
    }
    init();

    //2.模态框出现之前(监听)
    $('#exampleModal').on('show.bs.modal', function (e) {
        let target = e.relatedTarget;
        // console.log(target);
        if (target == $('#xinzengfenlei')[0]) {
            $('#exampleModalLabel').text('新增分类');
            $('#addCategory').text('新增')
        } else {
            $('#exampleModalLabel').text('编辑分类');
            $('#addCategory').text('编辑')
            $('#exampleModal .confirm').attr('data-id', $(target)
         .attr('data-id'));

      // 2. 根据id查询指定文章类别
        //  请求地址：/admin/category/search
        //  请求方式：get
        //  请求参数：id
            $.ajax({
                url: 'http://localhost:8080/api/v1/admin/category/search',
                data: {
                    id: $(target).data('id')
                },
                dataType: 'json',
                success: function (res) {
                    // console.log(res);
                    if (res.code == 200) {
                        $('#recipient-name').val(res.data[0].name);
                        $('#message-text').val(res.data[0].slug);
                        $('#addCategory').text('编辑');
                        $('#exampleModalLabel').text('编辑分类');
                    }
                }
            })
        }
    })

    //3.取消模态框
    $('#exampleModal .cancel').on('click', function () {
        $('#form')[0].reset();
        $('#exampleModal').modal('hide');
    })



    //3.点击确认模态框
    $('#exampleModal .confirm').on('click', function (e) {
        // console.log($(this).text());
        let name = $('#recipient-name').val().trim();
        let slug = $('#message-text').val().trim();
        if ($(this).text() == '新增') {
            // console.log(name,slug);
            //发送请求
            //3.新增文章类别 
            // 请求地址：/admin/category/add
            // 请求方式：post
            // 请求参数： name  slug

            $.ajax({
                type: 'post',
                url: 'http://localhost:8080/api/v1/admin/category/add',
                data: {
                    name,
                    slug
                },
                success: function (res) {
                    console.log(res);
                    if (res.code == 201) {
                        $('#exampleModal').modal('hide')
                        alert(res.msg);
                        init();
                    }
                }
            })

        } else {
            console.log($(this).attr('data-id'));
          //3. 编辑文章类别
            // 请求地址：/admin/category/edit
            // 请求方式：post
            // 请求参数：id name slug
           
            $.ajax({
                type: 'post',
                url: 'http://localhost:8080/api/v1/admin/category/edit',
                data: {
                    name,
                    slug,
                    id: $(this).attr('data-id')
                },
                success: function (res) {
                    console.log(res);
                    if (res.code == 200) {
                        $('#exampleModal').modal('hide')
                        alert(res.msg);
                        init();
                    }
                }
            })
        }

    })

  //4.9、删除文章类别
// 请求地址：/admin/category/delete
// 请求方式：post
// 请求参数：

  $('.category_table>tbody').on('click', '.delete', function () {
    $.ajax({
        url: 'http://localhost:8080/api/v1/admin/category/delete',
        type: 'post',
        dataType: 'json',
        data: {
            id: $(this).attr('data-id')
        },
        success: function (res) {
            console.log(res);
            if (res.code == 204) {
                alert('删除成功');
                init();
            } 
        }
    });
});







})